<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>连衣裙</title>
		<link rel="stylesheet" type="text/css" href="css/lianyiqun.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/lianyiqun.js"></script>
	</head>
	<body>
	<!--顶部条start-->
		<div id="topbar">
			<div id="center_bar">
				<ul>
					<li><a href="">帮助中心</a></li>
					<li class="app">
						<div class="down">
							<img src="img/app_weixin.png" alt="" />
							<div class="state">美丽说客户端</div>
							<div class="fashion_word">发现流行，只做正确流行款</div>
						</div>
						<a href="">
							<div class="downBefore"></div>下载App <div class="downAfter"></div>
						</a>
					</li>
					<li><a href=""><div class="order"></div>我的订单</a></li>
					<li><a href="" ><div class="shopcar"></div>我的购物车</a></li>
					<li><a href="">注册</a></li>
					<li><a href="">登录</a></li>
					<li><a href="" ><div class="qq"></div>QQ登录</a></li>
					<li><a href="" ><div class="weixin"></div>微信登录</a></li>
				</ul>
			</div>
		</div>
		<!--顶部条end-->
		<!--搜索start-->
		<div id="search">
			<img src="./img/logo.png" alt="" class="logo"/>
			<div class="search">
				<div class="search_table">
					<span class="baby">宝贝</span>
					<span class="littleshop">店铺</span>
				</div>
				<div class="search_box">
					<input type="text" placeholder="帆布鞋 清爽夏日穿搭范本！"/>
					<span class="search_btn"></span>
				</div>
				<div class="hot_word">
					<a href="" style="color:#f69;">连衣裙</a>
					<a href="">拖鞋</a>
					<a href="">短裤</a>
					<a href="">套装</a>
					<a href="" style="color:#f69;">泳衣</a>
					<a href="">长裙</a>
					<a href="">睡衣</a>
					<a href="" style="color:#f69;">凉鞋</a>
					<a href="">双肩包</a>
					<a href="">帽子</a>
				</div>
			</div>
		</div>
		<!--分类导航栏start-->
		<div id="nav_out">
			<div id="nav">
				<ul>
					<li><a href="" style="color: #FF6699;">首页</a></li>
					<li><a href="">最热</a></li>
					<li><a href="">上衣</a></li>
					<li><a href="">裙子</a></li>
					<li><a href="">裤子</a></li>
					<li><a href="">鞋子</a></li>
					<li><a href="">包包</a></li>
					<li><a href="">配饰</a></li>
					<li><a href="">更多</a></li>
					<li><a href="" style="color: #FF6699;">Hi范儿</a></li>
					<li><a href="" style="color: #FF6699;">品牌特卖</a></li>
				</ul>
			</div>
		</div>
		<!--下拉显示nav-->
		<div id="nav_out_hide" style="display: none;">
			<div id="nav">
				<ul>
					<li><a href="" style="color: #FF6699;">首页</a></li>
					<li><a href="">最热</a></li>
					<li><a href="">上衣</a></li>
					<li><a href="">裙子</a></li>
					<li><a href="">裤子</a></li>
					<li><a href="">鞋子</a></li>
					<li><a href="">包包</a></li>
					<li><a href="">配饰</a></li>
					<li><a href="">更多</a></li>
					<li><a href="" style="color: #FF6699;">Hi范儿</a></li>
					<li><a href="" style="color: #FF6699;">品牌特卖</a></li>
				</ul>
			</div>
		</div>
				<!--侧边栏start-->
		<div id="side_fixed">
			<div class="side_showA show"><a href="">购物车</a></div>
			<div class="side_showB show" ><a href="">客服消息</a></div>
				
			
			<div class="side_hide">
				<div class="three">
					<a class="my_deal ad_side">
						<div class="small_side">我的优惠券<span>◆</span></div>
					</a>
					<a class="my_like ad_side">
						<div class="small_side">我喜欢的<span>◆</span></div>
					</a>
					<a class="survey ad_side">
						<div class="small_side">调查问卷<span>◆</span></div>
					</a>
				</div>
			</div>
		</div>
		<!--侧边栏end-->
		
	</body>

</html>